<div class="panel panel-default">
    <div class="panel-body">
		<div class="row">
			<div class="col-lg-6">
	    	</div>
	    	<div class="col-lg-6">
	            <div class="form-group has-feedback pull-right">
				    <input #gb type="text" class="form-control" placeholder="{{('account.settlemanage.filter' | translate) || '筛选'}}">
				    <span class="glyphicon glyphicon-search form-control-feedback"></span>
				</div>
	    	</div>
		</div>
		
		<p-dataTable [value]="settlemanage" [rows]="10" [paginator]="true" [pageLinks]="3" [rowsPerPageOptions]="[5,10,20]" [globalFilter]="gb" selectionMode="single" (onRowSelect)="onRowSelect($event)">
		    <p-column field="total_id" header="{{('account.settlemanage.totalId' | translate) || '结算单编号'}}" [style]="{'text-align':'center','width':'15%'}">
		    	<ng-template let-col let-settlemanage="rowData" pTemplate="body">
		            <span style="color:#1AACDA;word-break:break-all;">{{settlemanage[col.field]}}</span>
		        </ng-template>
		    </p-column>
		    <p-column field="create_time" header="{{('account.settlemanage.createTime' | translate) || '生成日期'}}" [style]="{'text-align':'center'}"></p-column>
		    <p-column field="chnl_name" header="{{('account.settlemanage.chnlName' | translate) || '渠道名称'}}" [style]="{'text-align':'center'}"></p-column>
		    <p-column field="start_date" header="{{('account.settlemanage.startDate' | translate) || '账单开始日期'}}" [style]="{'text-align':'center'}"></p-column>
		    <p-column field="end_date" header="{{('account.settlemanage.endDate' | translate) || '账单结束日期'}}" [style]="{'text-align':'center'}"></p-column>
		    <p-column field="fee" header="{{('account.settlemanage.fee' | translate) || '结算单金额'}}" [style]="{'text-align':'center'}">
		    	<ng-template let-col let-settle="rowData" pTemplate="body">
		            <span style="word-break:break-all;">{{('account.settlemanage.yuan' | translate) || '¥'}}{{settle[col.field] |number:'1.2-2'}}</span>
		        </ng-template>		    	
		    </p-column>
		    <p-column field="balance" header="{{('account.settlemanage.balance' | translate) || '待结算金额'}}" [style]="{'text-align':'center'}">
		    	<ng-template let-col let-settle="rowData" pTemplate="body">
		            <span style="word-break:break-all;">{{('account.settlemanage.yuan' | translate) || '¥'}}{{settle[col.field] |number:'1.2-2'}}</span>
		        </ng-template>
		    </p-column>
		    <p-column field="adjust_fee" header="{{('account.settlemanage.adjustFee' | translate) || '调账金额'}}" [style]="{'text-align':'center'}"> 
		    	<ng-template let-col let-settle="rowData" pTemplate="body">
		            <span style="word-break:break-all;">{{('account.settlemanage.yuan' | translate) || '¥'}}{{settle[col.field] |number:'1.2-2'}}</span>
		        </ng-template>
		    </p-column>

		    <p-column field="bill_tag" header="{{('account.settlemanage.billTag' | translate) || '状态'}}" [style]="{'text-align':'center'}"></p-column>

		</p-dataTable>
	</div>
</div>
